/* ocr-camera-component.scss 或 ocr-camera-component.css */
.ocr-camera-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 水平居中 */
  justify-content: center;
  /* 垂直居中 */
  height: 100vh;
  /* 视口高度 */
  width: 100vw;
  /* 视口宽度 */
}

.take-photo-btn {
  margin-top: 20px;
  /* 根据需要调整间距 */
}

.photo {
  width: 90%;
  /* 图片宽度，根据需要调整 */
  margin-top: 20px;
  /* 根据需要调整间距 */
}

/* 如果你使用Text组件显示文字 */
.text {
  text-align: center;
  /* 文字居中 */
  margin-top: 20px;
  /* 根据需要调整间距 */
}

.ocr-camera-component {
  .camera-preview {
    width: 100%;
    height: 100%;
  }

  .camera-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; // 确保辅助线和提示信息不会干扰相机操作

    .guide-line {
      position: absolute;
      width: 2px;
      background-color: #fff;
      opacity: 0.5;
      // 根据需要调整位置
    }

    .guide-text {
      position: absolute;
      top: 50%;
      width: 100%;
      text-align: center;
      color: #fff;
      font-size: 16px;
    }
  }

  // ... 其他样式 ...
}